<template>
    <div>
        <van-search
                v-model="value"
                placeholder="请输入搜索关键词"
                show-action
                shape="round"
                @search="onSearch"
        >
            <div slot="action" @click="onSearch">搜索</div>
        </van-search>
        <van-row class="hd-row" v-for="(item,index) in list" :key="index">
            <van-col span="18" class="title">{{item.name}},{{item.phone}}</van-col>
            <van-col span="6" class="area">{{item.area}}</van-col>
            <van-col span="24" class="alias">{{item.alias}}</van-col>
            <van-col span="24" class="address">{{item.adress}}</van-col>
        </van-row>
    </div>
</template>

<script>
export default {
  data () {
    return {
      list: [
        {
          name: '王娜',
          phone: '83892046',
          area: '嵌入社区',
          alias: '沈阳市和平区中电瑞鼎居家养老服务中心',
          adress: '和平区，南湖街道，新世界社区，南三好街7-29号'
        },
        {
          name: '张文诗',
          phone: '83892046',
          area: '嵌入社区',
          alias: '沈阳市和平区万佳宜康文安路居家养护',
          adress: '和平区，南湖街道，文安路社区，文安路56号甲'
        },
        {
          name: '汤琳琳',
          phone: '23849082',
          area: '单体建筑',
          alias: '沈阳市亲情管家养老事业服务中心',
          adress: '和平区，浑河湾街道，玉屏二社区，砂山街178-7号'
        },
        {
          name: '姜娜',
          phone: '13390156663',
          area: '嵌入社区',
          alias: '沈阳市和平区惠万民居家养老服务中心',
          adress: '和平区，太原街街道，中华社区，和平北大街176号'
        },
        {
          name: '姜娜',
          phone: '13390156663',
          area: '嵌入社区',
          alias: '沈阳市和平区惠万民居家养老服务中心',
          adress: '和平区，太原街街道，八一社区，广州街63号'
        },
        {
          name: '李宏亮',
          phone: '23215788',
          area: '嵌入社区',
          alias: '沈阳市和平区助力生活社区居家养老服务中心',
          adress: '和平区，新华街道，红星社区，同泽南街154号'
        },
        {
          name: '杨楠',
          phone: '13840196062',
          area: '嵌入社区',
          alias: '沈阳市和平区万佳宜康文安路居家养护',
          adress: '和平区，南湖街道，文安路社区，文安路56号甲'
        },
        {
          name: '张文诗',
          phone: '83892046',
          area: '嵌入社区',
          alias: '沈阳市和平区万佳宜康文安路居家养护',
          adress: '和平区，南湖街道，文安路社区，文安路56号甲'
        }
      ]
    }
  }
}
</script>

<style scoped>
.title{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.area{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.address{
    color: #7d7e80;
    font-size: 12px;
    line-height: 16px;
}
.alias{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.hd-row{
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #d6d6d6;
}
</style>
